<template>
  <div class="container">
    <h3>子组件</h3>
    <!-- <input type="text" v-focus> -->
  </div>
</template>

<script>
export default {
  name: 'MyCmp',
  // 自定义私有组件
  directives: {
    focus: {
      // 当被绑定的元素插入到 DOM 中时， 自动触发 mounted 函数
      mounted(el) {
        console.log(el)
        el.focus()  // 让被绑定的元素自动获取焦点
      }
    }
  }
}
</script>

<style scoped>
  .container {
    
  }
</style>
